$(function () {
    $(".back").click(function(){
        window.location.href="index.html";
    })

    //第二种点击li元素到相应的楼层的方法，锚点要去掉
    var flag = true //设置标识。防止出现跑马灯
    $(".floor li").click(function () {
        flag = false
        $(this).find("a").addClass("active").parent("li").siblings().find("a").removeClass("active")
        var index = $(this).index()//获取当前点击元素的索引
        var top = $(".banner").eq(index).offset().top - 50;//获取每个banner到顶部的距离
        $("html,body").stop(true).animate({"scrollTop": top}, function () {
            flag = true
        })
    })

    //			滚轮滑动切换楼层
    $(window).scroll(function () {
        if (flag) {
            //浏览器可视窗口的一半，也可以根据自己需求设定
            var winH = $(window).innerHeight() / 2;
            var scrollT = $(window).scrollTop()
            var len = $(".banner").length;
            for (var i = 0; i < len; i++) {
                //注意这里banner对象加了i之后变成了js对象,所以用offsetTop
                var bannerGap = $(".banner")[i].offsetTop - scrollT
                if (bannerGap < winH) {
                    $(".floor li").eq(i-1).find("a").addClass("active").parent("li").siblings().find("a").removeClass("active");
                }
            }
        }
    })


    $(function () {
        //点击 × 按钮，置空输入框的内容
        $(".user").on("click", "img", function () {
            $(this).prev().val("");
            $(this).hide();
        })
        //当输入数字时，出现 × 图标
        $(".user").on("keyup", "input", function () {
            //当用户先输入内容再单个删除时，隐藏 ×图标
            if ($(this).val().length == 0) {
                $(this).next().hide();
            }else{
                $(this).next().show();
            }
        })
        //当 光标放在 第一个输入框时，× 的 隐藏和显示问题
        $(".user").on("focus", "input", function () {
            if ($(this).val().length == 0) {
                $(".cancle").hide();
            }else{
                $(".cancle").show();
            }
        })

        $(".verify").on("focus", "input", function () {
            $(".cancle").hide();
            $(".getNumber").show();
        })

        $(".pwd").on("focus", "input", function () {
            $(".cancle").hide();

        })

        //遮罩层 部分
        $(".verify").on("click",".getNumber",function () {
            if ($("#user").val().length == 0 || $("#user").val().length < 11) {
                $(".mask").show();
                $(".maskTips").show();
                $(".close").show();
            }
        })

        $("body").on("click",".close",function () {
            $(".mask").hide();
            $(".maskTips").hide();
            $(".close").hide();
        })

    })

//注册页面点击 用户同意协议部分的 相关点击事件
    $("#agree").on("click",function () {
        if($(this).hasClass('disagree')){
            $(this).removeClass('disagree').addClass('agree');
            $(".registerBtn").css("background","#31c37c");
        }else{
            $(this).removeClass('agree').addClass('disagree');
            $(".registerBtn").css("background","#ccc");
        }
    })


})